	
	.bannerBox{
		background-color: rgba(244, 67, 67, 1);
		height:164px; //300 
		width: 750upx;
		.bannerImgBox{
			height: 100%;
			width: 100%;
			overflow: hidden;
			
			.uni-margin-wrap {
				height: 100%;
				width: 100%;
			}
			.swiper {
				height: 100%;
			}
			.swiper-item {
				display: block;
				height: 100%;
				line-height: 100%;
				text-align: center;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.swiper-list {
				margin-top: 0rpx;
				margin-bottom: 0;
			}
		}
	}	
	.classifyBox{
		width: 690rpx;
		height: 160rpx;
		background: #FFFFFF;
		border: 1px solid #EDEDED;
		box-shadow: 0px 6rpx 30rpx 0px rgba(0, 0, 0, 0.05);
		margin: -80rpx auto 0;
		position: relative;
		z-index: 2;
		padding-top: 23rpx;
	}
	.classifyText{
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;	
		font-weight: 500;
		color: #333333;
		line-height: 36rpx;
		display: block;
		margin-bottom: 33rpx;
	}
	.pl30{
		padding-left: 30rpx;
	}
	
	.classifyImg{
		width: 60rpx;
		height: 60rpx;
		display: block;
		overflow: hidden;
		margin-bottom: 10rpx;
	}
	.iconImg{
		width: 50rpx;
		height: 50rpx;
		margin-bottom: 10rpx;
	}
	.iconBox{
		background-color: #13161E;
		margin: -80rpx 0 20rpx;
		position: relative;
		z-index: 1;
		padding: 18px 30px 0;
		
	}
	.hotBox{
		width: 345px;
		min-height: 80px;
		background: #FFFFFF;
		border-radius: 5px;
		margin: 10px auto;
		padding: 12px 15px 15px;
	}
	.hotList{
		height: 30px;
		background: #FAFAFA;
		border-radius: 4px;
		padding:0 8px;
	}
	.gainsBox{
		background-color: #fff;
		padding: 10px 15px 9px;
		margin-bottom: 10px;
	}
	.gainsProgressBox{
		margin: 10rpx 10rpx 0 10rpx;
	}
	.gainsProgress{
		height: 5rpx;
	}
	.gainsProgressCenter{
		margin: 0 4px;
	}
	.bb{
		border-bottom: 1px solid #EDEDED;
	}
	.exponent{
		padding-top: 10px;
	}
	.dynamicTab{
		padding: 20px 22px 10px;
		border-bottom: 1px solid #EDEDED;
		display: flex;
		.tabItem{
			width: 25%;
			text-align: center;
			font-size: 14px;
			font-weight: 500;
			color: #333333;
			line-height: 18px;
			// margin-right:36rpx;
			transition: 0.2s all;
			&.active{
				color: #E23232;
				position: relative;
				font-size: 17px;
				&:after{
					position: absolute;
					content: '';
					bottom: -10px;
					left: 50%;
					margin-left: -8px;
					width: 16px;
					height: 3px;
					background: #E23232;
					border-radius: 3px;
				
				}
			}
			
		}
	}
	.all{
		background-color: #FFFFFF;
		
	}
	.newsBox{
		padding-bottom: 13px;
		border-bottom: 1px solid #EDEDED;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.dynamicList{
		padding: 29rpx 23rpx 0 29rpx;
	}
	.newsImg{
		width: 120px;
		height: 78px;
		border-radius: 5px;
		overflow: hidden;
		margin-right: 36rpx;
	}
	.newsImg2{
		width: 100%;
		height: 140px;
		border-radius: 5px;
		overflow: hidden;
	}
	